import React, { useState } from 'react'
import Wrap from './Wrap'
import Test from './Test'
export default function App() {
  const [flag, setFlag] = useState(true)
  return (
    // <React.Fragment>
    //   <h1>123</h1>
    //   <p>1234</p>
    // </React.Fragment>
    // 简写:
    <>
      <button
        onClick={() => {
          setFlag(false)
        }}
      >
        按钮
      </button>
      <Wrap></Wrap>
      <h1>123</h1>
      <p>1234</p>
      <hr />
      {/* 默认情况下,Test在这里使用.则Test的结构就渲染在这里 */}
      {flag && <Test></Test>}
      <hr />
    </>
  )
}
